$(function(){
    //$.ajax( {
    //    type : "POST",
    //    url : "http://localhost/NewLara/crm3/public/example",
    //    data : {content:'123abc'},
    //
    //    headers: {
    //
    //        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
    //
    //    },
    //    dataType: 'json',
    //    success : function(data, textStatus) {
    //
    //        alert(data.msg);
    //        console.log(data.msg);
    //    },
    //
    //    error : function() {
    //        alert("ajax失败！");
    //    }
    //});
    $('#process').change(function(){
        var process_id = $(this).val();

        var curl = $(this).attr('curl');
        $('.test').remove();        //每次进行操作的时候就会把之前添加的东西清空
        $.ajax( {
            type : "POST",
            url : curl,
            data : {id:process_id},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            },
            dataType: 'json',
            success : function(data) {
                //alert(data.id);
                //需要设置select标签中的属性中加上 id=process 和 curl="{{url('resource/remark/createMenu')}}" 这俩
                //大体思路是如果有所选id有子级的话就组一个子级出来
                //如果没有子级但是是 邀约成功 那么就生成一个 进店时间 框
                //如果是 邀约再约 则不但生成子级菜单 而且生成一个 再约时间 框
                var html = '';
                if(data.status){
                        html += '<div class="form-group test"><label for="inputPassword3" class="col-sm-2 control-label">原因</label> <div class="col-sm-10"> <select name="res" id="" class="form-control">';
                    for(var i=0;i<data.msg.length;i++){
                        html +='<option value="'+data.msg[i].id+'_'+data.msg[i].name+'">'+data.msg[i].name+'</option>';
                    }
                    html += '</select></div></div>';

                }
                if(data.id==6){//进店
                    html +='<div class="form-group test"><label for="inputPassword3" class="col-sm-2 control-label">预计进店</label><div class="col-sm-10">';
                    html +='<input type="text" class="form-control" id="inputPassword3" placeholder="yyyy-mm-dd" name="schedule"> </div> </div>';
                }
                if(data.id==7){//电话再约
                    html +='<div class="form-group test"><label for="inputPassword3" class="col-sm-2 control-label">再约时间</label><div class="col-sm-10">';
                    html +='<input type="text" class="form-control" id="inputPassword3" placeholder="yyyy-mm-dd" name="yy_time_again"> </div> </div>';
                }
                if(data.id==11){//成交
                    html +='<div class="form-group test"><label for="inputPassword3" class="col-sm-2 control-label">成交金额</label><div class="col-sm-10">';
                    html +='<input type="text" class="form-control" id="inputPassword3" placeholder="请输入数字" name="deal_price"> </div> </div>';

                    html +='<div class="form-group test"><label for="inputPassword3" class="col-sm-2 control-label">订单号码</label><div class="col-sm-10">';
                    html +='<input type="text" class="form-control" id="inputPassword3" placeholder="请输入" name="order_code"> </div> </div>';
                }
                if(data.id==12){ //未成交
                    html +='<div class="form-group test"><label for="inputPassword3" class="col-sm-2 control-label">消费意向</label><div class="col-sm-10">';
                    html +='<input type="text" class="form-control" id="inputPassword3" placeholder="请输入" name="yixiang"> </div> </div>';
                }
                if(data.id==13){//门市再约
                    html +='<div class="form-group test"><label for="inputPassword3" class="col-sm-2 control-label">再约时间</label><div class="col-sm-10">';
                    html +='<input type="text" class="form-control" id="inputPassword3" placeholder="yyyy-mm-dd" name="yy_time_again"> </div> </div>';
                }

                $('#process').parents('.form-group').after(html);
            },

            error : function() {
                alert("process_ajax失败！");
            }
        });
    })
})